$(function(){

	//初始化
	init();
	document.body.onscroll=change;
	
	
	
	/**点击效果*/
	///1.头部 城市
	$(".top1 .area").on("touchstart",function(){
		$(this).css("background","rgba(59,59,59,0.8)").css("color","#FFFFFF");
	})
	$(".top1 .area").on("touchend",function(){
		$(this).css("background","rgba(59,59,59,0.5)").css("color","#FFFFFF");
	})
	//2.头部 门店名字
	$(".shopname span").on("touchstart",function(){
		$(this).css("opacity",0.5);
	})
	$(".shopname span").on("touchend",function(){
		$(this).css("opacity",1);
	})
	//3.导航栏
	$(".btnUl li a").on("touchstart",function(){
		//$(this).css("opacity",0.5);
	})
	$(".btnUl li a").on("touchend",function(){
		$(this).css("opacity",1);
	})
	
	//活动区域
	$(".huodong").on("touchstart",function(){
		
	})
	$(".wd").on("touchstart",function(){
		
	})
	$(".more").on("touchstart",function(){
		
	})
	
	/**弹出菜单 点击效果***/
//	$("#menu ul li").on("touchstart",function(){
//		$(this).css("background","#F5F5F5");
//	})
//	$("#menu ul li").on("touchend",function(){
//		$(this).css("background","#FFFFFF");
//	})
	$("#menu ul li").on({"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		var this_class=$(this).attr("class");console.log(this_class);
		if(this_class=="kefu"){
			location.href="html/kefu.html";
		}
		if(this_class=="jiameng"){
			location.href="html/jiameng.html";
		}
		if(this_class=="hezuo"){
			location.href="html/hezuo_form.html";
		}
	}
	
	})
	
	/****/
	$(".booklist li a").on("touchstart",function(){
		$(this).css("background","#F5F5F5");
	})
	$(".booklist li a").on("touchend",function(){
		$(this).css("background","#FFFFFF");
	})
	/***加 减 号**/
	$(".activityUl li a").on("touchstart",function(){
		
	})
	$(".activityUl li a").on("touchend",function(){
		
	})
	
	$(".add").on("touchstart",function(){
		$(this).css("background","url(images/index/add1.png)").css("background-size","100%");
	})
	$(".add").on("touchend",function(){
		$(this).css("background","url(images/index/add0.png)").css("background-size","100%");
	})
	
	$(".dic").on("touchstart",function(){
		$(this).css("background","url(images/index/dic1.png) left no-repeat").css("background-size","0.54rem");
	})
	$(".dic").on("touchend",function(){
		$(this).css("background","url(images/index/dic0.png) left no-repeat").css("background-size","0.54rem");
	})
	
	
	/********************************************以上为点击效果***************************************************/
	
	//加
	$(".picright").click(function(){
		var type=$(this).hasClass("type1");
		var kcs=$(this).prev().find(".kcs").text()*1;
		var mynum=$(this).prev().find(".mynum").text()*1;
		if(type){
			//改变样式 成编辑状态
			$(this).removeClass("type1").addClass("type2");
			$(this).prev().removeClass("type1").addClass("type2");
			$(this).prev().prev().removeClass("type1").addClass("type2");
		}
		if(mynum<kcs){
				mynum=mynum+1;
				$(this).prev().find(".mynum").text(mynum);
			}else if(mynum=kcs){
				layer.msg("不能再多了");
				$(this).find(".add").hide();
			}
	})
	
	//减
	$(".picleft").click(function(){
		var type=$(this).hasClass("type1");
		var kcs=$(this).next().find(".kcs").text()*1;
		var mynum=$(this).next().find(".mynum").text()*1;
		if(type){
			//改变样式 成编辑状态
			$(this).removeClass("type1").addClass("type2");
			$(this).next().removeClass("type1").addClass("type2");
			$(this).next().next().removeClass("type1").addClass("type2");
		}
		$(this).next().next().find(".add").show();
			if(mynum>1){
				mynum=mynum-1;
				$(this).next().find(".mynum").text(mynum);
			}else if(mynum==1){
//				
				mynum=mynum-1;
				$(this).next().find(".mynum").text(mynum);
				$(this).removeClass("type2").addClass("type1");
				$(this).next().removeClass("type2").addClass("type1");
				$(this).next().next().removeClass("type2").addClass("type1");
			}else if(mynum<1){
				//改变样式 成非编辑状态
				$(this).removeClass("type2").addClass("type1");
				$(this).next().removeClass("type2").addClass("type1");
				$(this).next().next().removeClass("type2").addClass("type1");
			}
		
	})
	
	//1.回到顶部
	$(".totop").click(function(){
		$(document).scrollTop(0);
		$(".top1").show().css("opacity",1);
		$(".top2").hide();
	})
	
	/**2.弹出店铺简介*/
	$(".shopname").click(function(){
		$(".grey1").show();
	})
	
	/*关闭本店介绍*/
	$("#shut").click(function(){
		$(".grey").hide();
	})
	
	/**3.弹出菜单***/
	$(".menu").click(function(){
		$(".grey2").show();
	})
	//关闭菜单
	$(".grey2").click(function(){
		$(".grey").hide();
	})
	
	$("#menu").click(function(){
		event.stopPropagation();
		event.preventDefault();
	})
	
	/**弹出区县选择面板**/
	$(".area").click(function(){
		$(".grey3").show();
	})
	
	//弹出分享提示
	$(".tjbd").click(function(){
		$(".grey").hide();
		$(".grey4").show();
	})
	
	$(".grey4").click(function(){
		$(".grey").hide();
	})
	
	$(".grey3 .shut").click(function(){
		$(".grey").hide();
	})
	
	$(".areaList ul li").click(function(){
		var flag=$(this).hasClass("active");
		var mychose=$(".mychoseCity").text();
		if(!flag){
			$(this).addClass("active").siblings().removeClass("active");
			$(".mychoseCity").text($(this).find("a").text());
		}else{
			//
		}
		$(".grey").hide();
		
	})
})

function init(){
	$(".top1").show();
	$(".top2").hide();
	$(".grey").hide();
	var etop=$(".events").offset().top;
	var flag=$(".activitypic").css("display");
	console.log(flag);
	
	if(flag=="none"){
		$(".events").css("top","7.4rem");
		$(".activity").css("top","10.9rem");
		$(".main").css("top","13.2rem");
	}else{
		$(".events").css("top","9.5rem");
		$(".activity").css("top","13rem");
		$(".main").css("top","15.3rem");
	}
//	$(".events").css("top",etop);
//	$(".top1").hide();
//	$(".top2").show();
}

function change(){
var hh=window.scrollY;//页面滚动的距离	
	var top_he=$(".top").height();
	var max=$(".lunbotu").height();
	
//	console.log(hh);
//	console.log("lunbotu的高度"+$(".lunbotu").height());

	if(hh<11){
		$(".top1").show().css("opacity",1);
		$(".top2").hide();
		
	}if(hh>10&&hh<100){
		background1(".top1",hh);
		background2(".top2",hh);
		
	}
	if(hh>100){
		$(".top1").hide();
		$(".top2").show();
	}
}
function background1(thisclass,per){
	var per1=(90-per)/90;
	$(thisclass).css("opacity",per1);
	$(".top1").show();
	
}
function background2(thisclass,per){
	var per2=per/90;
	$(thisclass).css("opacity",per2);
	$(".top2").show();
	
}

